<template>
  <view class="content">
    <view class="list-block">
      <view class="list-tit">风险分级管控</view>
      <view class="list-line"></view>
      <view class="item-block">
        <!-- <view
          class="item-box"
          @click="routeByUrl('/riskPointManagement/index')"
        >
          <image
            class="item-icon"
            src="../static/images/risk-point.png"
          ></image>
          <view class="item-tit">风险点管理</view>
        </view> -->
        <view class="item-box" @click="routeByUrl('/pageNewrisk/index')">
          <image
            class="item-icon"
            src="../static/images/risk-point.png"
          ></image>
          <view class="item-tit">风险点管理</view>
        </view>
        <view
          class="item-box"
          @click="routeByUrl('/riskManagementStatistics/index')"
        >
          <image
            class="item-icon"
            src="../static/images/risk-control.png"
          ></image>
          <view class="item-tit">风险管控统计</view>
        </view>
        <view
          class="item-box"
          @click="routeByUrl('/pagesDanger/checkTaskList')"
        >
          <image
            class="item-icon"
            src="../static/images/troubleshooting-task.png"
          ></image>
          <view class="item-tit">排查任务</view>
        </view>
      </view>
    </view>
    <view class="list-block">
      <view class="list-tit">隐患排查治理</view>
      <view class="list-line"></view>
      <view class="item-block">
        <view class="item-box" @click="routeByUrl('/pagesDanger/index')">
          <image
            class="item-icon"
            src="../static/images/hiddendanger-trouble.png"
          ></image>
          <view class="item-tit">隐患排查治理</view>
        </view>
        <view class="item-box" @click="routeByUrl('/pagesDanger/handClapList')">
          <image class="item-icon" src="../static/images/hand-clap.png"></image>
          <view class="item-tit">随手拍</view>
        </view>
      </view>
    </view>
    <view class="list-block">
      <view class="list-tit">班组安全与培训考试</view>
      <view class="list-line"></view>
      <view class="item-block">
        <view class="item-box" @click="routeByUrl('/pagesTeamSafety/index')">
          <image
            class="item-icon"
            src="../static/images/team-safety.png"
          ></image>
          <view class="item-tit">班组安全管理</view>
        </view>
        <view
          class="item-box"
          @click="routeByUrl('/pagesTeamSafety/trainingexamination')"
        >
          <image
            class="item-icon"
            src="../static/images/training-examination.png"
          ></image>
          <view class="item-tit">培训考试</view>
        </view>
      </view>
    </view>
    <view class="list-block">
      <view class="list-tit">安全生产与法律法规</view>
      <view class="list-line"></view>
      <view class="item-block">
        <view
          class="item-box"
          @click="routeByUrl('/safetyProductionResponsibilitySystem/index')"
        >
          <image
            class="item-icon"
            src="../static/images/safety-production.png"
          ></image>
          <view class="item-tit">安全生产职责</view>
        </view>
        <view class="item-box" @click="routeByUrl('/safetyProductionLaw/law')">
          <image class="item-icon" src="../static/images/law.png"></image>
          <view class="item-tit">法律法规</view>
        </view>
        <view
          class="item-box"
          @click="routeByUrl('/safetyProductionLaw/standardSpecification')"
        >
          <image class="item-icon" src="../static/images/standard.png"></image>
          <view class="item-tit">标准规范</view>
        </view>
        <view
          class="item-box"
          @click="routeByUrl('/safetyProductionLaw/safetySystem')"
        >
          <image
            class="item-icon"
            src="../static/images/safety-system.png"
          ></image>
          <view class="item-tit">安全制度</view>
        </view>
      </view>
    </view>
    <view class="list-block">
      <view class="list-tit">危险作业</view>
      <view class="list-line"></view>
      <view class="item-block">
        <view class="item-box" @click="routeByUrl('/pagesWork/index')">
          <image
            class="item-icon"
            src="../static/images/danger-work.png"
          ></image>
          <view class="item-tit">危险作业票</view>
        </view>
        <view class="item-box" @click="routeByUrl('/operationorder/index')">
          <image class="item-icon" src="../static/images/caozuopiao.png"></image>
          <view class="item-tit">操作票</view>
        </view>
        <view class="item-box" @click="routeByUrl('/Screeningtable/index')">
          <image class="item-icon" src="../static/images/ylsrq.jpg"></image>
          <view class="item-tit">压力式容器排查表</view>
        </view>
      </view>
    </view>
    <view class="list-block">
      <view class="list-tit">安全检查</view>
      <view class="list-line"></view>
      <view class="item-block">
        <view class="item-box">
          <image
            class="item-icon"
            src="../static/images/security-check.png"
          ></image>
          <view class="item-tit">安全检查</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    routeByUrl: function (url) {
      console.log(url, "跳转的页面");
      uni.navigateTo({ url });
    },
  },
};
</script>

<style>
</style>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 115vh;
  background: #efefef;
  display: flex;
  align-items: center;
  flex-direction: column;
  .list-block {
    width: 96%;
    background: #ffffff;
    border-radius: 15rpx;
    margin-top: 30rpx;
    .list-tit {
      height: 80rpx;
      font-size: 28rpx;
      font-family: Source Han Sans CN;
      font-weight: 500;
      color: #0c0c0c;
      line-height: 80rpx;
      margin-left: 30rpx;
    }
    .list-line {
      width: 90%;
      margin-left: 30rpx;
      height: 1rpx;
      background: #dfdede;
    }
    .item-block {
      margin-left: 30rpx;
      display: flex;
      .item-box {
        text-align: center;
        width: 30%;
        .item-tit {
          height: 70rpx;
          font-size: 24rpx;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #0c0c0c;
          line-height: 70rpx;
        }
        .item-icon {
          text-align: center;
          width: 58rpx;
          height: 61rpx;
          padding: 25rpx 25rpx 0 25rpx;
        }
      }
    }
  }
}
</style>
